.pxToRem(@p, @px){
    @{p}: @px / 75px * 1rem;
}

.header{
    width: 100%;
    .pxToRem(height, 90);
    div{
        line-height: 1.2rem;
        .left{
            .pxToRem(width, 35);
            .pxToRem(height, 45);
            .pxToRem(margin-top, -10);
            .pxToRem(margin-left, 245);
        }
        .right{
            float: right;
            .pxToRem(width, 47);
            .pxToRem(height, 40);
            .pxToRem(margin-top, 23);
            .pxToRem(margin-right, 50);
        }
        span{
            color: orange;
            .pxToRem(padding-left, 10);
            .pxToRem(font-size, 29);
        }
    }
    
}
.banner{
    img{
        width:100%;
        .pxToRem(height, 456);
    }
}
.kuaibao{
    width:100%;
    .pxToRem(height, 98);
    p{
        .pxToRem(line-height, 98);
        color: #8c8c8c;
    }
    span{
        font-weight: bold;
        color: #000;
        .pxToRem(font-size, 29);
        .pxToRem(margin-left, 30);
    }
    img{
        .pxToRem(width, 63);
        .pxToRem(height, 40);
        .pxToRem(margin-left, 5);
        .pxToRem(margin-right, 20);
    }
}
.main{
    width:100%;
    .pxToRem(height, 320);
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    display: flex;
    .left{
        width:35%;
        float: left;
        border-right:1px solid #dddddd;
        .pxToRem(height, 320);
        dl{
            text-align: center;
            dt{
                img{
                    .pxToRem(width, 116);
                    .pxToRem(height, 116);
                    .pxToRem(margin-top, 68);
                }
            }
            dd{
                .pxToRem(font-size, 28);
                .pxToRem(margin-top, 25); 
                a{
                    color:#000;
                    text-decoration: none;
                }
            }
        }
        
    }
    .right{
        width:65%;
        float: right;
        display: flex;
        flex-wrap: wrap;
        .pxToRem(height, 320);
        dl{
            width:50%;
            margin-bottom:0;
            text-align: center;
            border-right: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            .pxToRem(height, 160);
            dt{
                img{
                    .pxToRem(width, 66);
                    .pxToRem(height, 66);
                    .pxToRem(margin-top, 26);
                }
            }
            .dt{
                img{
                    .pxToRem(margin-left, 50);
                    .pxToRem(width, 122);
                    .pxToRem(height, 92);
                    .pxToRem(margin-top, 10);
                }
            }
            dd{
                .pxToRem(margin-top, 10);
                .pxToRem(font-size, 23);
            }
            a{
                color:#000;
                text-decoration: none;
            }
        }
    }
    .right dl:nth-child(3){
        border-bottom:none;
    }
    .right dl:nth-child(4){
        border-bottom:none;
    }
}
.swiper-container{
    width: 100%;
    .pxToRem(height, 242);
    .pxToRem(margin-top, 30);
    .pxToRem(margin-bottom, 27);
    .swiper-wrapper{
        .swiper-slide{
            img{
                width:100%;
                height:100%;
            }
        }
    }
    .swiper-pagination-bullet-active {
        background-color:orange !important;
    }
}
.module{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    dl{
        width:29.5%;
        dt{
            img{
                width:100%;
                height:100%;
                margin-bottom:-15px;
            }
        }
    }
}
.module dl:nth-child(2){
    margin-left:2%;
    margin-right:2%;
}
.module dl:nth-child(5){
    margin-left:2%;
    margin-right:2%;
}
.tehui{
    position: relative;
    width:92%;
    margin-left:4%;
    .pxToRem(height, 360);
    .pxToRem(margin-top, 20);
    img{
        width: 100%;
        .pxToRem(height, 332);
    }
    section{
        width:55%;
        height:60%;
        border:1px solid #ccc;
        position: absolute;
        top:20%;
        left:22%;
        .center{
            width:95%;
            height:90%;
            background: #ffffff;
            opacity: .8;
            margin-left:2.5%;
            margin-top: 6px;
            p{
                text-align: center;
            }
            .p1{
                .pxToRem(font-size, 46);
                .pxToRem(padding-top, 40);
                a{
                    color:#f3981e;
                    text-decoration: none;
                }   
            }
        }
    }
}
.huadian{
    position: relative;
    width:92%;
    margin-left:4%;
    .pxToRem(height, 360);
    .pxToRem(margin-top, 20);
    img{
        width: 100%;
        height:100%;
    }
    p{
        position: absolute;
        .pxToRem(top, 305);
        .pxToRem(left, 30);
        .pxToRem(font-size, 30);
        color:#fff;
    }
}
.font{
    width:100%;
    .pxToRem(height, 240);
    .left{
        .pxToRem(height, 240);
        width:50%;
        float: left;
        border-right:1px solid #ebebeb;
    }
    .right{
        .pxToRem(height, 240);
        width:50%;
        float: left;
    }
    .menu{
        width:81%;
        margin-left:9%;
    }
    .p1{
        .pxToRem(font-size, 30);
        .pxToRem(margin-top, 30);
        .pxToRem(line-height, 50);
    }
    .p2{
        .pxToRem(font-size, 24);
        color:#999;
    }
}
.check{
    width:100%;
    .pxToRem(height, 86);
    .pxToRem(margin-bottom, 130);
    border-bottom: 1px solid #ebebeb;
    border-top:1px solid #ebebeb;
    p{
        text-align: center;
        .pxToRem(line-height, 86);
    }
}
.footer{
    display: flex;
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    .pxToRem(height, 100);
    border-top:1px solid #ededed;
    background: #ffffff;
    dl{
        text-align: center;
        width:25%;
        dt{
            img{
                .pxToRem(width, 40);
                .pxToRem(height, 40);
                .pxToRem(margin-top, 10);
            }
        }
        dd{
            .pxToRem(font-size, 18);
            .pxToRem(margin-top, 10);
            a{
                color: #000;
                text-decoration: none;
            }
        }
        .dd{
            a{
                color:orange;
                text-decoration: none;
            }
        }
    }
}